/* Restyle default tags */
	* {margin: 0px;padding: 0px;}
	html {overflow-x: hidden;}
	img {border: none;}
	a { color: #000; text-decoration: underline; }
	a:hover { text-decoration: underline; color: #000; }
	p {padding-bottom: 10px;}
	body { background: #e8ebec; color: #000; font: 12px/21px Arial, Helvetica, sans-serif; padding: 20px; }
	ul, ol {margin: 0px 0px 10px 10px;padding: 0px;}
	hr {border-bottom: 1px solid #BEBEBE;margin-bottom: 10px;border-top-style: none;border-right-style: none;border-left-style: none;}
	h1 {font-size: 18px;line-height: 20px;font-weight: normal;padding-bottom: 10px;}
	h2 { font-size: 16px; line-height: 20px; font-weight: bold; padding: 10px 0px; color: #000; border-bottom: 1px solid #CCC; margin-bottom: 15px; }
	h3 { font-size: 14px; line-height: 18px; font-weight: bold; margin: 0px; padding: 10px 0px; }
	h4 { font-size: 12px; line-height: 18px; font-weight: bold; margin: 0px; padding: 10px 0px; }
/* End restyle default tags */
	

/* Reusable styles */
	.float-left {float: left;}
	.float-right {float: right;}
	.bold {font-weight: bold;}
	.italic {font-style: italic;}
	.clear {clear: both;}
	.align-image-left { float: left; margin: 3px 10px 10px 0px; }
	.align-image-right { float: right; margin: 3px 0px 10px 10px; }
	.image-border {border: 1px solid #dadada; padding: 1px;}
	.border { border: 1px solid #eedbdb; }
	.align-left {text-align:left;}
	.align-right {text-align:right;}
	.center {text-align:center;}
	.underline {text-decoration:underline;}
	.nounderline {text-decoration:none;}
	.padding0{padding: 0;}
	.padding-b5 { padding-bottom:5px; }
	.padding-b10 { padding-bottom:10px; }
	.margin0{margin:0;}
	.margin-b5 { margin-bottom:5px; }
	.margin-b10 { margin-bottom:10px; }
	.margin-r20 { margin-right:20px; }
	.text11 { font-size:11px; line-height:17px; }
	.italic { font-style:italic; }
	.col1 { width: 49%; }
	.col2 { width: 30%; }
	.col3 { width: 68%; }
	.short { width: 150px; }
	.width50 { width:47%; }	
	.hidden { display:none; visibility:hidden; }
/* End reusable styles */


/* Border radius */
	.radius5, .ui-tabs, .error, .warning, .success, .warning2 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
	.radius50 { -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; }
	.radius-top6 { -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:6px; border-top-left-radius:6px; border-top-right-radius:6px; }
/* End border radius */


/* Gradient */
	.gradient { background: #4f4f4f url(../images/gradient-black.png) repeat-x bottom; padding: 15px 20px 17px; }
	.gradient2, .ui-tabs-nav, .ui-accordion-header a { background: #f5f5f5 url(../images/gradient-gray.png) repeat-x bottom; }
/* End gradient */


/* Default table style */
	table { border:0; padding:0; margin:0; border-spacing:0; }
	table.list a { text-decoration:none;}
	table th { font-weight: bold; text-align: left; padding: 5px 10px; border-bottom: 1px solid #eedbdb; }
	table td { border-bottom: 1px solid #eedbdb; padding: 5px 10px; }
		table input[type=checkbox] { margin: 7px 0 0 5px; }
		table tr:hover { background: #F0F0F0; }
	.header { cursor:pointer; border-bottom: 1px solid #eedbdb; padding: 10px; font-weight: bold; font-size: 14px; text-shadow:1px 1px 0px #FFF; color: #000; }
		.header p { padding:0; }
	.footer { padding: 20px 10px; }	
		.footer select { width:auto; }
	.content { padding: 15px; }	
	.alternate { background: #f5f5f5; }
	.cke_editor tr:hover { background:none; }
/* End default table style */


/* Messages (errors, warnings...) */
.error, .warning, .success, .warning2 { cursor:pointer; padding: 6px 5px 5px 35px; background: #f9d7d7 url(../images/error.png) no-repeat 11px 8px; border: 1px solid #f0c2c2; margin-top: 5px; margin-bottom: 5px; }
	.warning, .warning2 { background: #f2f8c6 url(../images/warning.png) no-repeat 10px 8px; border: 1px solid #dbe49c; }
	.warning2 { cursor:auto; }
	.success {background: #c3f8d8 url(../images/ok.png) no-repeat 10px 7px; border: 1px solid #98e2b6;}
	.error p, .warning p, .success p { margin: 0px; padding: 0px 0px 3px; }
	.error ul, .warning ul, .success ul { margin: 0px 0px 2px 14px; padding: 0px; }
/* End messages */


/* Edit and delete icons */
	.edit, .delete, .delete-image, .edit-image { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display: block; height: 20px; width: 20px; background: #FFF url(../images/edit.png) no-repeat center center; float: left; margin-right: 5px; border: 1px solid #DADADA; }
	.delete, .delete-image { background: #FFF url(../images/delete.png) no-repeat center center; }
	.delete-image { background-position:5px 2px; font-size: 11px; text-decoration: none; width: auto; padding: 0px 8px 0px 26px; text-align: left; }
	.edit-image { background-position:5px 2px; width: auto; padding: 0px 8px 0px 26px; text-align: left; font-size: 11px; text-decoration: none; }
/* End edit and delete icons */


/* Default form styles */
	form label { float: left; width: 100%; font-weight: bold; padding-left: 3px; padding-bottom: 2px; }
	form input[type=text], form input[type=password], form textarea, form select, .file { padding: 7px; width: 99%; border: 1px solid #CCC; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font: 12px Arial, Helvetica, sans-serif; background: #FFF url(../images/input.gif) repeat-x center top; }
	form input[type=text]:hover, form input[type=password]:hover, form textarea:hover, form select:hover,
	form input[type=text]:focus, form input[type=password]:focus, form textarea:focus, form select:focus { border: 1px solid #999; }
	input[type=submit], button, input[type=button], input[type=reset], .submit { cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding: 10px 45px; border: 1px solid #CCC; background: #f6f6f6 url(../images/gradient-gray.png) repeat-x bottom; font: bold 15px Arial, Helvetica, sans-serif; margin: 0px 2px; text-decoration: none; }
	form input[type=checkbox] { margin: 4px 0 0 0;}
	.file { margin-right: 6px; }
	.submit:hover {text-decoration:none;}
	form textarea { height: 300px; }
	form select {padding: 5px;}
/* End default form styles */


/* Page construction */
	#wrapper, #login-wrapper { background: #FFF; border: 1px solid #C1CBCE; }
	#head { color: #FFF; padding: 15px; }
		#head p { padding:0; }
		#head a {color:#fff; text-decoration:none;}
		#head .msg { color: #000; background: #FFF; padding: 3px 7px; margin-right: 3px; margin-left: 3px; font-weight: bold; }
	#logo { font-weight: bold; float: left; font-size: 19px; font-style: italic; letter-spacing: -1px; margin-right: 20px; }
	#container { padding: 15px; }
	#footer { text-align: center; color: #747474; padding-top: 15px; }
/* End page construction */

	
/* Main navigation */
	#nav { /* all lists */ border-bottom: 1px solid #e5e5e5; list-style: none; margin: 0px; padding: 0px; height: 45px; }
	#nav li { /* all list items */float: left;}
	#nav li a { display:block; color: #000; text-decoration: none; padding: 12px 15px; font-size: 14px; border-right: 1px solid #e5e5e5; background: url(../images/nav.png) no-repeat left bottom; }
	#nav li a:hover { color: #000; background: #F0F0F0; }
	#nav ul { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:185px; background: #FFF; position: absolute; left: -999em; margin: -8px 0px 0px; padding: 0px; list-style: none; border: 1px solid #DCE1E2; z-index: 10; }
	#nav ul li {width: 185px;}
	#nav ul li a { color: #000; text-align: left; line-height: 17px; margin: 0px; padding: 5px 10px; display: block; width: 165px; border-bottom: 1px solid #E4E4E4; }
	#nav li ul li a:hover { color: #000; }
	#nav li ul ul { /* third-and-above-level lists */margin: -1em 0 0 10em;}
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */left: auto;}
	#nav li:hover, #nav-left li.hover {  position: static;  } 
/* End main navigation */
	
	
/* Box sections (chart, images, forms) */	
	.box { margin: 0px 0px 20px; }
		.box ul, .box ol { margin-left: 25px; }
		.box .title {}
/* End box sections */	


/* Paginator */
	.paginator { padding: 25px 15px 20px; }
		.paginator a, .paginator span, .paginator strong { color: #000; text-decoration: none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border: 1px solid #D2D2D2; padding: 2px 6px 3px; }
		.paginator strong, .paginator span { background: #e7e7e7; font-weight: bold; }
		.paginator a:hover { background: #e7e7e7; }
/* End paginator */


/* Filter */
	.filter-wrapper { padding: 15px 10px; border-bottom: 2px solid #eedbdb; background: #F6F6F6; height: 27px; }
	.filter-wrapper label { float:left; width: auto; padding: 5px 10px 0px 0px; font-weight: normal; }
	.filter-wrapper select { width:auto; float: left; margin-right: 20px; }
	.filter-wrapper p { padding:0; }
	.filter-wrapper input[type=text] { width: 210px; margin-right: 20px; float:left; }
/* End filter */


/* Images */
	.image { float: left; margin: 0px 10px 10px 0px; }
		.image p { padding:0; text-align:center; }
		.image img { border: 1px solid #dadada; padding: 1px; }
/* End images */


/* Tabs */
	.ui-tabs { position: relative; zoom: 1; border: 1px solid #eedbdb; margin-bottom: 15px; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	.ui-tabs .ui-tabs-nav { margin: 0; padding: 0em; border-bottom: 1px solid #eedbdb; height: 35px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:6px; border-top-left-radius:6px; border-top-right-radius:6px; }
	.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; margin: 0; padding: 0; white-space: nowrap; border-right: 1px solid #eedbdb; font-weight: bold; }
	.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; line-height: 35px; height: 35px; padding: 0px 16px; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; border-bottom: 1px solid #FFF; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background: #FFF; }
	.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
	.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; padding: 15px 16px 8px; }
	.ui-tabs .ui-tabs-hide { display: none !important; }
/* End tabs */


/* Accordion */
	.ui-accordion { width: 100%; border: 1px solid #eedbdb; margin-bottom: 15px; }
	.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; zoom: 1; margin: 0; padding: 0px; border-bottom: 1px solid #eedbdb; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:6px; border-top-left-radius:6px; border-top-right-radius:6px; }
	.ui-accordion .ui-accordion-li-fix { display: inline; }
	.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
	.ui-accordion .ui-accordion-header a { display: block; padding: 0em; margin: 0px; }
	.ui-accordion-icons .ui-accordion-header a { padding: 10px 15px; text-decoration: none; }
	.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
	.ui-accordion .ui-accordion-content { padding: 10px 15px; border-top: 0 none #eedbdb; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; border-right: 0px none #eedbdb; border-bottom: 1px solid #eedbdb; border-left: 0px none #eedbdb; }
	.ui-accordion .ui-accordion-content-active { display: block; }/*
/* End accordion */


/* Dialog */
	.ui-widget-overlay { background: #333; position: absolute; }
	.ui-dialog { -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; display:none; position: absolute; padding: 10px; width: 300px; overflow: hidden; background: #FFF; border: 1px solid #C9D1D3; font-size: 11px; line-height: 17px; color: #000; }
	.ui-dialog .ui-dialog-titlebar { -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; padding: 5px 10px; position: relative; font-size: 12px; font-weight: bold; color: #000; background: url(../images/gradient-gray.png) repeat-x bottom; height: 20px; border: 1px solid #D8DDDE; }
	.ui-dialog .ui-dialog-title { float: left; margin-top: 2px; } 
	.ui-dialog .ui-dialog-titlebar-close { display:none; }
	.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 10px; background: none; overflow: auto; zoom: 1; font-size: 12px; line-height: 19px; }
	.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: 0px; padding: 0px; }
	.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
	.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; padding:5px 15px; font-size:12px; }
	.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
	.ui-draggable .ui-dialog-titlebar { cursor: move; }
	.ui-widget-overlay { background: #aaaaaa; opacity: .30;filter:Alpha(Opacity=30); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* End dialog */


/* Datepicker */
	.ui-datepicker { display:none; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; width: 250px; padding: 8px; background: #E9E8E8; border: 1px solid #CDD3D6; }
	.ui-datepicker .ui-datepicker-header { -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; position:relative; padding:5px; background: #FFF; border: 1px solid #D6DBDC; }
	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 20px; height: 15px; text-decoration: none; font-weight: bold; }
	.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
	.ui-datepicker .ui-datepicker-prev { cursor:pointer; left:8px; top: 6px; }
	.ui-datepicker .ui-datepicker-next { cursor:pointer; right:17px; top: 6px; }
	.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
	.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
	.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
	.ui-datepicker select.ui-datepicker-month, 
	.ui-datepicker select.ui-datepicker-year { width: 49%;}
	.ui-datepicker table { width: 100%; font-size: 11px; border-collapse: collapse; margin:5px 0 0px; border-style: none; border-width: 0px; }
	.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
	.ui-datepicker td { padding: 1px; border:0; }
	.ui-datepicker td span, .ui-datepicker td a { -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display: block; padding: 3px; text-align: center; text-decoration: none; background: #FFF; border: 1px solid #D6DBDC; }
	.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
	.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
	.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
	.ui-datepicker-trigger { cursor:pointer; position: relative; margin: 8px 0px 0px; float: left; display: inline; }
	
	/* with multiple calendars */
	.ui-datepicker.ui-datepicker-multi { width:auto; }
	.ui-datepicker-multi .ui-datepicker-group { float:left; }
	.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
	.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
	.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
	.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
	.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
	.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
	.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
	.ui-datepicker-row-break { clear:both; width:100%; }
	
	/* sortable */
	.box .reorder { list-style:none; margin:0; padding:0; }	
		.box .reorder ul { margin:0px; padding:0; list-style: none; }
			.box .reorder ul li { list-style:none; background: url(../images/arrow.gif) no-repeat 10px 4px; padding-left: 25px; }
		.box .reorder li span { cursor:move; margin: 0px 0px 2px; padding: 7px 8px; background: #f5f5f5 url(../images/gradient-gray.png) repeat-x bottom; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display: block; }
			.box .reorder li span:hover { background: #dedcdc; }
		.placeholder { border: 1px solid #CCC; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
	
	/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
	.ui-datepicker-cover {
		display: none; /*sorry for IE5*/
		display/**/: block; /*sorry for IE5*/
		position: absolute; /*must have*/
		z-index: -1; /*must have*/
		filter: mask(); /*must have*/
		top: -4px; /*must have*/
		left: -4px; /*must have*/
		width: 200px; /*must have*/
		height: 200px; /*must have*/
	}/*
/*  End datepicker */


/* Upload fields */
.fields-container { margin: 6px 0px 10px; background: #F0F0F0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding: 10px 10px 0px; border: 1px solid #E0E0E0; }
	.fields-container .number { background: #FFF; padding: 2px 5px; margin-right: 2px; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; border: 1px solid #E0E0E0; }
	.button { float: none; font-size: 11px; padding: 5px 8px; }
	#err { margin-top:12px;}
	.drag-handle { background: url(../images/move.png) no-repeat; color: #FFF; height: 45px; width: 45px; position: absolute; cursor:move; margin: 2px 0px 0px 2px; font-size: 10px; line-height: 14px; text-align: center; }
/*  End upload fields */